<template>
    <div>
        <!-- 页底导航 -->
        <div class="nav">
            <ul class="nav-btn">
                <li>
                    <router-link to="/index">
                        <img src="@/assets/images/index.jpg" alt="">
                        <span>首页</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/class">
                        <img src="@/assets/images/class.jpg" alt="">
                        <span>分类</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/community">
                        <img src="@/assets/images/community.jpg" alt="">
                        <span>社区</span>
                    </router-link>
                </li>
                <li>
                    <router-link to="/mine">
                        <img src="@/assets/images/mine.jpg" alt="">
                        <span>我的</span>
                    </router-link>
                </li>
            </ul>
        </div>
        
    </div>
</template>

<script>
export default {
    name: 'WorkspaceJsonNav',

    data() {
        return {

        };
    },

    watch: {
    },
    mounted() {
        // console.log(this.getPath);
    },
    
    methods: {
        
    },
    watch: {
        '$route.path': function(newvalue,oldvalue){
            if(newvalue === '/index'){
                console.log('首页')
            }
            if(newvalue === '/home'){
                console.log('我的')
            }
        }
    },
};
</script>

<style lang="sass" scoped>
@import '@/assets/css/pub/Nav.scss'
</style>